h4 {
    font-size: 16px;
}

.aaa {
    color: rgb(0, 105, 140);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
    outline: none;
    -webkit-user-select: none;
    cursor: default;
    line-height: 1;
    /* TODO: use this to resolve animation stuck: */
    /* content-visibility: auto; */
    /* -webkit-content-visibility: auto; */
}

*::selection {
    background: rgba(45, 170, 219, 0.3);
}

/* ::-webkit-scrollbar {
    width: 2.5px;
    height: 2.5px;
}

:hover::-webkit-scrollbar {
    opacity: 1;
}

::-webkit-scrollbar-thumb {
    background-color: #ffffff26;
    border-radius: 10px;
} */

body {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    border-radius: 16px;
    position: relative;
    color-scheme: dark;
}

#window {
    border-radius: 14px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 5px #00000047;
    background: var(--window-background);
    border: 1px solid rgba(255, 255, 255, 0.16);
}

* {
    color: rgba(var(--default-text-color), 0.9);
    line-height: 1;
}

.fa-brands,
.fa-brands::before,
.fa-brands::after {
    font-family: "fa-brands" !important;
}

.hidden *,
.hidden {
    display: none !important;
}

.changing-theme {
    transition: all 0.3s ease !important;
}

.saving-config,
.saving-instance-settings,
.saving-config *,
.saving-instance-settings * {
    pointer-events: none !important
}
